@charset "utf-8";
body {
  color: #333333;
  font-size: 16px;
  font-family: Microsoft YaHei, Simsun, SimHei, Arial;
  -webkit-text-size-adjust: none;
  min-width: 320px;
}
body,
div,
ul,
ol,
ul,
li,
ol,
dl,
dd,
dt,
form,
span,
p,
textarea {
  margin: 0;
  padding: 0;
  list-style: none;
}
address,
caption,
cite,
code,
dfn,
th,
var {
  font-style: normal;
  font-weight: normal;
}
h1,
h2,
h3,
h4,
h5,
h6 {
  margin: 0;
  padding: 0;
}
input {
  padding-top: 0;
  padding-bottom: 0;
}
input::-moz-focus-inner {
  border: none;
  padding: 0;
}
select,
input {
  vertical-align: middle;
}
select,
input,
textarea {
  margin: 0;
}
input[type="text"],
input[type="password"],
textarea {
  outline-style: none;
  -webkit-appearance: none;
}
button,
input,
select,
textarea {
  font-family: inherit;
}
textarea {
  resize: none;
}
table {
  border-collapse: collapse;
  border-spacing: 0;
}
th,
td {
  padding: 0;
}
img,
a img {
  border: 0;
  margin: 0;
  padding: 0;
}
img {
  border: none;
  border: 0;
  max-width: 100%;
}
a {
  outline-style: none;
  color: #000;
  text-decoration: none;
}
a:hover {
  text-decoration: none;
}
a:focus {
  outline: none;
  -moz-outline: none;
}
input:focus,
textarea:focus {
  outline: none;
}

.fl {
  float: left;
}
.fr {
  float: right;
}
.clear {
  clear: both;
}
.clearfix {
  *zoom: 1;
}
.clearfix:before,
.clearfix:after {
  display: table;
  line-height: 0;
  content: "";
}
.clearfix:after {
  clear: both;
}
.pos-r {
  position: relative;
}
.pos-a {
  position: absolute;
}
.block {
  display: block;
}
.none {
  display: none;
}
.over-hide {
  overflow: hidden;
}

/*边距*/
.mt10 {
  margin-top: 10px;
}
.mt15 {
  margin-top: 15px;
}
.mt20 {
  margin-top: 20px;
}
.mt30 {
  margin-top: 30px;
}
.mt40 {
  margin-top: 40px;
}
.mt50 {
  margin-top: 50px;
}
.mt100 {
  margin-top: 100px;
}
.mb10 {
  margin-bottom: 10px;
}
.mb15 {
  margin-bottom: 15px;
}
.mb20 {
  margin-bottom: 20px;
}
.mb30 {
  margin-bottom: 30px;
}
.mb40 {
  margin-bottom: 40px;
}
.mb50 {
  margin-bottom: 50px;
}
.mb60 {
  margin-bottom: 60px;
}
.mb100 {
  margin-bottom: 100px;
}
.ml5 {
  margin-left: 5px;
}
.ml10 {
  margin-left: 10px;
}
.ml15 {
  margin-left: 15px;
}
.ml20 {
  margin-left: 20px;
}
.ml30 {
  margin-left: 30px;
}
.ml50 {
  margin-left: 50px;
}
.ml100 {
  margin-left: 100px;
}
.mr5 {
  margin-right: 5px;
}
.mr10 {
  margin-right: 10px;
}
.mr15 {
  margin-right: 15px;
}
.mr20 {
  margin-right: 20px;
}
.mr30 {
  margin-right: 30px;
}
.mr50 {
  margin-right: 50px;
}
.mr100 {
  margin-right: 100px;
}
.p10 {
  padding: 10px;
}
.p15 {
  padding: 15px;
}
.p30 {
  padding: 30px;
}
.pt5 {
  padding-top: 5px;
}
.pt10 {
  padding-top: 10px;
}
.pt15 {
  padding-top: 15px;
}
.pt20 {
  padding-top: 20px;
}
.pt30 {
  padding-top: 30px;
}
.pt40 {
  padding-top: 40px;
}
.pt50 {
  padding-top: 50px;
}
.pb5 {
  padding-bottom: 5px;
}
.pb10 {
  padding-bottom: 10px;
}
.pb15 {
  padding-bottom: 15px;
}
.pb20 {
  padding-bottom: 20px;
}
.pb30 {
  padding-bottom: 30px;
}
.pb50 {
  padding-bottom: 50px;
}
.pb100 {
  padding-bottom: 100px;
}
.pl5 {
  padding-left: 5px;
}
.pl10 {
  padding-left: 10px;
}
.pl15 {
  padding-left: 15px;
}
.pl20 {
  padding-left: 20px;
}
.pl30 {
  padding-left: 30px;
}
.pl50 {
  padding-left: 50px;
}
.pl100 {
  padding-left: 100px;
}
.pr5 {
  padding-right: 5px;
}
.pr10 {
  padding-right: 10px;
}
.pr15 {
  padding-right: 15px;
}
.pr20 {
  padding-right: 20px;
}
.pr30 {
  padding-right: 30px;
}
.pr50 {
  padding-right: 50px;
}
.pr100 {
  padding-right: 100px;
}

/* grid */
.container:before,
.container:after,
.container-fluid:before,
.container-fluid:after,
.row:before,
.row:after {
  display: table;
  content: " ";
}

.container:after,
.container-fluid:after,
.row:after {
  clear: both;
}

.container {
  margin-right: auto;
  margin-left: auto;
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  box-sizing: border-box;
}

body.nores {
  min-width: 1440px;
}

.container {
  width: 1200px;
}

.container.container-width1200 {
  width: 1200px;
}

@media (max-width: 1500px) {
  body.nores {
    min-width: 1280px;
  }
  .container {
    width: 1200px !important;
  }
}

@media (max-width: 1280px) {
  body:not(.nores) .container {
    width: 970px !important;
  }
  body:not(.nores) .container {
    padding-right: 15px;
    padding-left: 15px;
  }
}

@media (max-width: 992px) {
  body:not(.nores) .container {
    width: 750px !important;
  }
}

@media (max-width: 768px) {
  body:not(.nores) .container {
    width: auto !important;
  }
}

.container-fluid {
  padding-right: 15px;
  padding-left: 15px;
  margin-right: auto;
  margin-left: auto;
}
.row {
  margin-right: -15px;
  margin-left: -15px;
}

.row > [class*="col-"] {
  position: relative;
  min-height: 1px;
  padding-right: 15px;
  padding-left: 15px;
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  box-sizing: border-box;
}

.row-space0 {
  margin-right: 0;
  margin-left: 0;
}
.row-space0 > [class*="col-"] {
  padding-right: 0;
  padding-left: 0;
}

.row-space25 {
  margin-right: -12.5px;
  margin-left: -12.5px;
}
.row-space25 > [class*="col-"] {
  padding-right: 12.5px;
  padding-left: 12.5px;
}

.row-space50 {
  margin-right: -25px;
  margin-left: -25px;
}
.row-space50 > [class*="col-"] {
  padding-right: 25px;
  padding-left: 25px;
}
.row-space40 {
  margin-right: -20px;
  margin-left: -20px;
}
.row-space40 > [class*="col-"] {
  padding-right: 20px;
  padding-left: 20px;
}

.row > [class*="col-lg-"],
.row > [class*="col-md-"],
.row > [class*="col-sm-"],
.row > [class*="col-xs-"] {
  float: left;
}
.col-lg-12,
.col-md-12,
.col-sm-12,
.col-xs-12 {
  width: 100%;
}
.col-lg-11,
.col-md-11,
.col-sm-11,
.col-xs-11 {
  width: 91.66666667%;
}
.col-lg-10,
.col-md-10,
.col-sm-10,
.col-xs-10 {
  width: 83.33333333%;
}
.col-lg-9,
.col-md-9,
.col-sm-9,
.col-xs-9 {
  width: 75%;
}
.col-lg-8,
.col-md-8,
.col-sm-8,
.col-xs-8 {
  width: 66.66666667%;
}
.col-lg-7,
.col-md-7,
.col-sm-7,
.col-xs-7 {
  width: 58.33333333%;
}
.col-lg-6,
.col-md-6,
.col-sm-6,
.col-xs-6 {
  width: 50%;
}
.col-lg-5,
.col-md-5,
.col-sm-5,
.col-xs-5 {
  width: 41.66666667%;
}
.col-lg-4,
.col-md-4,
.col-sm-4,
.col-xs-4 {
  width: 33.33333333%;
}
.col-lg-3,
.col-md-3,
.col-sm-3,
.col-xs-3 {
  width: 25%;
}
.col-lg-2,
.col-md-2,
.col-sm-2,
.col-xs-2 {
  width: 16.66666667%;
}
.col-lg-1,
.col-md-1,
.col-sm-1,
.col-xs-1 {
  width: 8.33333333%;
}
.col-lg-pull-12,
.col-md-pull-12,
.col-sm-pull-12,
.col-xs-pull-12 {
  right: 100%;
}
.col-lg-pull-11,
.col-md-pull-11,
.col-sm-pull-11,
.col-xs-pull-11 {
  right: 91.66666667%;
}
.col-lg-pull-10,
.col-md-pull-10,
.col-sm-pull-10,
.col-xs-pull-10 {
  right: 83.33333333%;
}
.col-lg-pull-9,
.col-md-pull-9,
.col-sm-pull-9,
.col-xs-pull-9 {
  right: 75%;
}
.col-lg-pull-8,
.col-md-pull-8,
.col-sm-pull-8,
.col-xs-pull-8 {
  right: 66.66666667%;
}
.col-lg-pull-7,
.col-md-pull-7,
.col-sm-pull-7,
.col-xs-pull-7 {
  right: 58.33333333%;
}
.col-lg-pull-6,
.col-md-pull-6,
.col-sm-pull-6,
.col-xs-pull-6 {
  right: 50%;
}
.col-lg-pull-5,
.col-md-pull-5,
.col-sm-pull-5,
.col-xs-pull-5 {
  right: 41.66666667%;
}
.col-lg-pull-4,
.col-md-pull-4,
.col-sm-pull-4,
.col-xs-pull-4 {
  right: 33.33333333%;
}
.col-lg-pull-3,
.col-md-pull-3,
.col-sm-pull-3,
.col-xs-pull-3 {
  right: 25%;
}
.col-lg-pull-2,
.col-md-pull-2,
.col-sm-pull-2,
.col-xs-pull-2 {
  right: 16.66666667%;
}
.col-lg-pull-1,
.col-md-pull-1,
.col-sm-pull-1,
.col-xs-pull-1 {
  right: 8.33333333%;
}
.col-lg-pull-0,
.col-md-pull-0,
.col-sm-pull-0,
.col-xs-pull-0 {
  right: auto;
}
.col-lg-push-12,
.col-md-push-12,
.col-sm-push-12,
.col-xs-push-12 {
  left: 100%;
}
.col-lg-push-11,
.col-md-push-11,
.col-sm-push-11,
.col-xs-push-11 {
  left: 91.66666667%;
}
.col-lg-push-10,
.col-md-push-10,
.col-sm-push-10,
.col-xs-push-10 {
  left: 83.33333333%;
}
.col-lg-push-9,
.col-md-push-9,
.col-sm-push-9,
.col-xs-push-9 {
  left: 75%;
}
.col-lg-push-8,
.col-md-push-8,
.col-sm-push-8,
.col-xs-push-8 {
  left: 66.66666667%;
}
.col-lg-push-7,
.col-md-push-7,
.col-sm-push-7,
.col-xs-push-7 {
  left: 58.33333333%;
}
.col-lg-push-6,
.col-md-push-6,
.col-sm-push-6,
.col-xs-push-6 {
  left: 50%;
}
.col-lg-push-5,
.col-md-push-5,
.col-sm-push-5,
.col-xs-push-5 {
  left: 41.66666667%;
}
.col-lg-push-4,
.col-md-push-4,
.col-sm-push-4,
.col-xs-push-4 {
  left: 33.33333333%;
}
.col-lg-push-3,
.col-md-push-3,
.col-sm-push-3,
.col-xs-push-3 {
  left: 25%;
}
.col-lg-push-2,
.col-md-push-2,
.col-sm-push-2,
.col-xs-push-2 {
  left: 16.66666667%;
}
.col-lg-push-1,
.col-md-push-1,
.col-sm-push-1,
.col-xs-push-1 {
  left: 8.33333333%;
}
.col-lg-push-0,
.col-md-push-0,
.col-sm-push-0,
.col-xs-push-0 {
  left: auto;
}

@media (max-width: 1280px) {
  body:not(.nores) .row > [class*="col-lg-"] {
    float: none;
    width: auto !important;
  }
  body:not(.nores) .row > [class*="col-lg-push"] {
    left: auto;
  }
  body:not(.nores) .row > [class*="col-lg-pull"] {
    right: auto;
  }
  body:not(.nores) .row > [class*="col-lg-offset"] {
    margin-left: 0%;
  }

  body:not(.nores) .row:not(.row-space0) {
    margin-right: -10px;
    margin-left: -10px;
  }

  body:not(.nores) .row:not(.row-space0) > [class*="col-"] {
    padding-right: 10px;
    padding-left: 10px;
  }
}
@media (max-width: 992px) {
  body:not(.nores) .row > [class*="col-md-"] {
    float: none;
    width: auto !important;
  }
  body:not(.nores) .row > [class*="col-md-push"] {
    left: auto;
  }
  body:not(.nores) .row > [class*="col-md-pull"] {
    right: auto;
  }
  body:not(.nores) .row > [class*="col-md-offset"] {
    margin-left: 0%;
  }
}
@media (max-width: 768px) {
  body:not(.nores) .row > [class*="col-sm-"] {
    float: none;
    width: auto !important;
  }
  body:not(.nores) .row > [class*="col-sm-push"] {
    left: auto;
  }
  body:not(.nores) .row > [class*="col-sm-pull"] {
    right: auto;
  }
  body:not(.nores) .row > [class*="col-sm-offset"] {
    margin-left: 0%;
  }
}



/*
flex：定义布局为盒模型
flex-v：盒模型垂直布局
flex-1：子元素占据剩余的空间
flex-align-center：子元素垂直居中
flex-pack-center：子元素水平居中
flex-pack-justify：子元素两端对齐
*/
.flex {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
}

.flex-v {
  -webkit-box-orient: vertical;
  -webkit-flex-direction: column;
  -ms-flex-direction: column;
  flex-direction: column;
}

.flex-1 {
  -webkit-box-flex: 1;
  -webkit-flex: 1;
  -ms-flex: 1;
  flex: 1;
}

.flex-1_5 {
  -webkit-box-flex: 1.5;
  -webkit-flex: 1.5;
  -ms-flex: 1.5;
  flex: 1.5;
}

.flex-2 {
  -webkit-box-flex: 2;
  -webkit-flex: 2;
  -ms-flex: 2;
  flex: 2;
}

.flex-2_5 {
  -webkit-box-flex: 2.5;
  -webkit-flex: 2.5;
  -ms-flex: 2.5;
  flex: 2.5;
}

.flex-3 {
  -webkit-box-flex: 3;
  -webkit-flex: 3;
  -ms-flex: 3;
  flex: 3;
}

.flex-4 {
  -webkit-box-flex: 4;
  -webkit-flex: 4;
  -ms-flex: 4;
  flex: 4;
}

.flex-5 {
  -webkit-box-flex: 5;
  -webkit-flex: 5;
  -ms-flex: 5;
  flex: 5;
}

.flex-6 {
  -webkit-box-flex: 6;
  -webkit-flex: 6;
  -ms-flex: 6;
  flex: 6;
}

.flex-8 {
  -webkit-box-flex: 8;
  -webkit-flex: 8;
  -ms-flex: 8;
  flex: 8;
}

.flex-align-center {
  -webkit-box-align: center;
  -webkit-align-items: center;
  -ms-flex-align: center;
  align-items: center;
}

.flex-pack-center {
  -webkit-box-pack: center;
  -webkit-justify-content: center;
  -ms-flex-pack: center;
  justify-content: center;
}

.flex-pack-justify {
  -webkit-box-pack: justify;
  -webkit-justify-content: space-between;
  -ms-flex-pack: justify;
  justify-content: space-between;
}